---
interface Props {
    title: string;
}

const { title } = Astro.props;
---

<div
    class="container mx-auto mb-2 p-3 bg-white dark:text-white border border-gray-200/10 dark:bg-neutral-900 rounded-lg"
>
    <h2
        class="text-xl font-bold text-gray-800 dark:text-white mb-6"
        th:text={title}
    >
        热门网址
    </h2>
    <!-- 网站卡片网格 -->
    <div
        class="grid grid-cols-2 sm:grid-cols-3 md:grid-cols-4 lg:auto-cols-auto gap-4"
    >
        <slot />
    </div>
</div>
